/* 全站统一样式 */
* {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 页面主体，无内外边距 */
body { margin: 0; padding: 0; }

/* 超连接默认样式 */
a { color: #409eff; text-decoration: none; }
a:hover { color: #026bd4; text-decoration: none; }

/* 页面头部 */
.layout-header { height: 48px !important; border-bottom: 1px solid #ccc; }
.layout-header .title { float: right; height: 48px; }
.layout-header .title h1 { margin: 0; height: 48px; line-height: 48px; font-size: 16px; color: #333; }

/* 页面主体 */
.layout-body { position: absolute; top: 48px; bottom: 0; left: 0; right: 0; }

/* 页面主体下的左侧边栏 */
.layout-aside {background-color: #f2f5f7; }
.layout-aside .menu-item { margin: 30px auto; text-align: center; }
.layout-aside .menu-item a { color: #75777a; text-decoration: none; }
.layout-aside .menu-item a:hover { color: #026bd4; text-decoration: none; }
.layout-aside .menu-item a.active { color: #026bd4; text-decoration: none; }
.layout-aside .menu-item a i { font-size: 20px; }
.layout-aside .menu-item a .menu-item-text { font-size: 12px; margin: 6px auto; }

/* 页面主体下的右侧内容 */
.layout-main { margin: 0; padding: 20px 30px; }
.layout-main .operate-area { height: 36px; margin-bottom: 20px;}
.layout-main .operate-area h1 { float: left; display: inline-flex; margin: 0px; line-height: 36px; font-size: 20px; font-weight: normal; color: #333; }
.layout-main .operate-area .select-company { float: left; margin-left: 20px; }
.layout-main .operate-area .right { float: right; }
.layout-main .operate-area .btn-add-new { }
.layout-main .operate-area .btn-clear { margin-left: 10px; }
.layout-main .operate-area .btn-import { margin-left: 10px; }
.layout-main .operate-area .btn-quit-search { margin-right: 10px; }
.layout-main .operate-area .search { width: 260px; height: 36px; margin-right: 20px; }

/* 表格 */
.table-header { background: #f2f5f7 !important; color: #75777a; font-weight: bold; }

/* 重要文本 */
.important { font-weight: bold !important; color: #f56c6c !important; margin: 0 3px !important; }
.highlight-text { background: #f8f0f0; color: #75777a; border: 1px solid #ebeef5; border-radius: 3px; margin: 0 3px; padding: 3px 6px; font-style: normal; }

/* 对话框中的大量提示文本 */
.dialog-tips {}
.dialog-tips li { margin: 10px 24px; line-height: 24px; font-size: 16px; }

/* 数据预览 */
.data-preview {}
.data-preview p { color: #75777a; font-size: 14px; margin: 0 0 16px 0; }
.data-preview p i { color: #f56c6c; font-style: normal; }

/* 表单提示 */
.form-tips { color: #8d8f93; font-size: 12px;}
.form-tips ul { margin: 0; padding: 0; }
.form-tips ul li { margin: 10px 16px; line-height: 20px; }
.form-tips ul li b { margin: 0 3px; }
.form-tips ul li i { background: #f8f0f0; color: #75777a; border: 1px solid #ebeef5; border-radius: 3px; margin: 0 3px; padding: 3px 6px; font-style: normal; }

/* 典型卡片 */
.common-card { width: 100%; margin-bottom: 20px; }
.common-card .clearfix:before { display: table; content: ""; }
.common-card .clearfix:after { clear: both; }
.common-card .card-header { position: relative; }
.common-card .card-header .button { position: absolute; top: 0px; right: 0px; padding: 6px; }

/* 上传 */
.simple-upload { position: relative; width: 320px; height: 180px; }
.simple-upload .upload-control { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  text-align: center; border: 1px dashed #c8c9cc; border-radius: 5px; }
.simple-upload .upload-control i { display: block; margin: 70px 0 0 0; height: 30px; line-height: 30px; font-size: 28px; color: #75777a; font-style: normal; }
.simple-upload .upload-control i:hover { cursor: pointer; }
.simple-upload .image-preview { }
.simple-upload .image-preview .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.simple-upload .image-preview .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.simple-upload .image-preview:hover .overlay { opacity: 1; }
.simple-upload .image-preview .overlay .button-list { margin: 70px 0 0 0; height: 30px; line-height: 30px; text-align: center; }
.simple-upload .image-preview .overlay i { font-size: 28px; color: #fff; font-style: normal; }
.simple-upload .image-preview .overlay i:hover { cursor: pointer; }